<template>
  <div id="app">
    <transition name="fade">
      <router-view/>
    </transition>
  </div>
</template>
<script>
export default {
  created(){
    // console.log(this.$http);
  },
  mounted(){
    window.onbeforeunload = function(e){
      var remember = localStorage.getItem('remember')=='false'?false:true;
      if(!remember){
        localStorage.clear();
      }
    }
  }
}
</script>

<style lang="scss">
.fade-enter-active,.fade-leave-active{
  transition: all .5s;
}
.fade-enter,.fade-leave-to{
  opacity: 0;
}
#app {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
 
}
</style>
